body {
    background: #262626;
}

.wrap {
    position: relative;
}

.slide {
    width: 100%;
    height: 450px;
    position: relative;
    margin-top: 100px;

    li {
        position: absolute;
        // // 第一张
        // width: 400px;
        // top: 0;
        // left: 50px;
        // z-index: 1;
        // opacity: .3;

        // // 第二张
        // width: 600px;
        // top: 50px;
        // left: 0px;
        // z-index: 2;
        // opacity: .6;

        // 第三张
        width: 800px;
        top: 80px;
        left: 200px;

        // // 第四张
        // width: 600px;
        // top: 50px;
        // left: 600px;
        // z-index: 2;
        // opacity: .6;

        // // 第五张
        // width: 400px;
        // top: 0px;
        // left: 750px;
        // z-index: 1;
        // opacity: .3;


        img {
            width: 100%;
        }
    }
}

.arrow {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    height: 112px;
    opacity: 0;
    z-index: 100;
    margin-top: -56px;
}

.arrow .prev {
    width: 76px;
    height: 112px;
    display: block;
    float: left;
    background: url(../imgs/prev.png) no-repeat 0 0;
}

.arrow .next {
    width: 76px;
    height: 112px;
    display: block;
    float: right;
    background: url(../imgs/next.png) no-repeat 0 0;
}